<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.group {
	background: url(groupimages/grpsize7.png) center;
	background-size: 510px 360px;
	width: 510px;
	height: 360px;
	text-align: center;
	position: relative;
	left: 17%;
	font-size: 12px;
	color: white;
}

#status_div {
	elevation: above;
	azimuth: center;
	background: url(../assets/Picture2.png);
	text-align: center;
	vertical-align: middle;
	height: 40px;
}

#studl_div {
	text-align: center;
	background: #8C8CFF;
	width: 150px;
	height: 530px;
	float: right;
}

#online_div {
	text-align: center;
	background: #FFA8A8;
	width: 150px;
	height: 530px;
	float: right;
}

#group_div {
	text-align: center;
	border-left: medium #A0A0A4 groove;
}

#group_img1 {
	background: url(../Groups/group_no.png) center;
	text-align: center;
	width: 100px;
	height: 100px;
	color: #FFFBF0;
	border: none;
}

#framediv1 {
	height: 500px;
	float: left;
	width: 55%;
	text-align: center;
	border-left: medium #A0A0A4 groove;
	border-right: medium #A0A0A4 groove;
}
</style>
<script type="text/javascript" src="groupsDisplay.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../css/reset.css" type="text/css"
	media="screen">
<link rel="stylesheet" href="../css/style.css" type="text/css"
	media="screen">
<link rel="stylesheet" href="../css/grid.css" type="text/css"
	media="screen">
<title>Groups Formed</title>
</head>

<body onload="displayImage(1)">
	<div id="header_div">
		<img src="../assets/logo.png" id="logo" /><a href="../Login.html"
			id="logout">Logout</a> <label
			style="font-size: 55px; color: #0080FF; font-style: oblique"
			id="header">get Together</label>
	</div>
	<div class="menu-row">
		<div class="menu-bg">
			<div class="main">
				<nav class="indent-left">
					<ul class="menu wrapper">
						<li><a href="../Student/subjects.html">Home</a></li>
						<li><a href="../Student/project1.html">Project</a></li>
						<li class="active"><a href="../Groups/studentGroups.html">Groups</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</div>
	<div id="navbar">
		<iframe id="frame" src="../Student/home1.html"></iframe>
	</div>
	<div id="framediv1" draggable="true">
		<div class="group" id="group">
			<p id=p1 style="position: relative;">
				Name<br>Hello
			</p>
			<p id="p2" style="position: relative;">
				Name<br>Hello2
			</p>
			<p id=p3 style="position: relative;">
				Name<br>Hello3
			</p>
			<p id=p4 style="position: relative;">
				Name<br>Hello4
			</p>
			<p id=p5 style="position: relative;">
				Name<br>Hello5
			</p>
			<p id=p6 style="position: relative;">
				Name<br>Hello6
			</p>
			<p id=p7 style="position: relative;">
				Name<br>Hello7
			</p>
			<p id=p8 style="position: relative;"></p>
			<p id=p9 style="position: relative;">
				Name<br>Hello9
			</p>
			<p id=p10 style="position: relative;">
				Name<br>Hello10
			</p>
			<p id=manager
				style="position: relative; font-weight: bold; font-size: 15px;">
				Name<br>HelloM
			</p>
		</div>
		<p>
		<div id="images">
			<input type="button" id="group_img1" readonly value="Group1"
				onMouseOver="displayImage(1)" onClick="displayImage(1)" /> <input
				type="button" id="group_img1" readonly value="Group2"
				onMouseOver="displayImage(2)" onClick="displayImage(2)" /> <input
				type="button" id="group_img1" readonly value="Group3"
				onMouseOver="displayImage(3)" onClick="displayImage(3)" /> <input
				type="button" id="group_img1" readonly value="Group4"
				onMouseOver="displayImage(5)" onClick="displayImage(5)" />
		</div>
	</div>
	<div id="studentdiv" style="float: right; height: 500px;">
		<iframe id="frame" src="../Faculty/tab.html"></iframe>
	</div>
	<div id="footer">
		<a href="../about.html">About Us</a> - <a href="../terms.html">Terms</a>
		- <a href="../faq.html">FAQ</a><br />Copyright © Get Together Team
	</div>
</body>
</html>
